Testo dell'esercizio

Si scriva il codice javascript necessario ad implementare la seguente funzionalità in una pagina HTML: clickando su una cella di una tabella <TD> questa viene selezionata assegnando al suo bordo (proprietà di stile border) il valore “4px ridge red”. Per deselezionare la cella occorre clickare un elemento di input <INPUT> il cui valore attuale rappresenta il colore del testo della cella selezionata (proprietà di stile color). In tal caso si scrive il colore di sfondo (proprietà di stile backgroundColor) della cella come valore dell’elemento <INPUT>, si scambia il colore di sfondo e del testo della cella e si deseleziona la cella ripristinando lo stile del bordo al valore precedente (deve essere memorizzato). Quando una cella è stata selezionata ogni evento di click che non rispetta le condizioni precedenti viene ignorato.

Click TDs!

11 12 13
21 22 23
31 32 33

Inputs to click